<%-- 
    Document   : inicio
    Created on : 18-may-2012, 21:56:28
    Author     : Sebastian
--%>

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>

<!DOCTYPE html>
<!s:form action="ActionListarArchivos" method="post">

<html>
    <head>
        <link rel="shortcut icon" href="resources/favicon2.ico"> 
        <title><s:text name="PandoraBox"/></title>    
        <link href="<s:url value="css/pandora.css"/>" rel="stylesheet"  type="text/css"/>        
    </head>  

    <div style="width:50%;height:100%;overflow:hidden;position:absolute;left: 10px;top:100px;" > 
        <table border="0" width="100%" align="left"> 
            <tr>
                <td width="100%" align="left" colspan="2">
                    <img src="<s:url value="resources/pandoras-box-1.png"/>" width="300" height="250"/> 
                </td>  
            </tr>
        </table>    
    </div>
    <div style="width:50%;height:100%;overflow:auto;position:absolute;left: 300px;top:10px;" >  
        <table border="0" width="100%" align="left"> 
            <tr>
                <td width="50%" align="center">
                    <s:a href="PerfilUsuario.jsp?nombre=%{Usuario.nombreUsuario}&mail=%{Usuario.mailUsuario}"><s:text name="%{Usuario.nombreUsuario}"/></s:a>    
                    </td> 
                    <td width="50%" align="center">
                    <s:a href="LogIn.jsp">Salir</s:a> 

                    </td>  
                </tr>
            </table> 
            <br>
            <!--SUBIR ARCHIVO-->
            <table width="550" align="center"> 
                <tr>
                    <td width="70" align="right">
                        <b>Subir Archivo</b>
                    </td>
                    <td width="100" align="left">
                    <s:form action="ActionSubirArchivo" method="post">
                        <input type="text" name="idElementoArchivo" value="<s:property value="carpetaActual.idArchivo"/>"style="display:none;"/>
                        <!--                        <input type="file" name="attachment" id="attachment" onclick="if (isUploading()) return false; attach_clicked = true;" style="width: 180px;margin: -2px 0 0 -160px;opacity:0;-moz-opacity:0;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;;filter:alpha(opacity=0);" onchange="notify(); document.getElementById(&quot;attachment_form&quot;).submit()">-->
                        <s:submit type="image" src="resources/subir.gif" value="" theme="simple" id="subirarchivo"/>
                    </s:form>
                </td>                
            </tr>
        </table>  
        <table width="550" align="center"> 
            <!--NUEVA CARPETA-->
            <tr> 
                <td align="left" width="150" valign="bottom"><b>Crear Nueva Carpeta</b></td>    
                <td align="left" width="400" valign="bottom">

                    <s:form action="ActionNuevaCarpeta" method="post">
                        <s:textfield value="Nueva Carpeta" theme="simple" name="nombreElementoArchivo" label="Nombre de la Carpeta"/> 
                        <input type="text" name="idElementoArchivo" value="<s:property value="carpetaActual.idArchivo"/>"style="display:none;"/>
                        <s:submit type="image" src="resources/creafolder.gif" value="" theme="simple" id="nombreCarpeta"/>
                    </s:form>
                </td>
            </tr>  
        </table>
        <table width="250" align="center">            
            <tr>
                <!--SALIR DE CARPETA-->
                <td>
                    <s:if test='!carpetaActual.isCarpetaHome()'> 
                        <s:form action="ActionSalirDeCarpeta" method="POST">
                            <input type="text" name="idElementoArchivo" value="<s:property value="carpetaActual.idArchivo"/>"style="display:none;"/>
                            <s:text name="Carpeta Actual: "/><b> <s:property value="carpetaActual.nombreArchivo"/></b>
                            <s:submit type="image" src="resources/leftgreen.gif" theme="simple" id="salirDeCarpeta"/>
                        </s:form>
                    </s:if>
                    <s:else>
                    <td>
                        <s:text name="Carpeta Actual: "/><b> <s:property value="carpetaActual.nombreArchivo"/></b>
                    </td>
                </s:else> 
                </td>
            </tr>  
        </table>    
        <s:label value="%{mensaje}"/>
        <table width="500" align="center" border="1">  
            <colgroup>
                <col style="width:250px">
                <col style="width:100px">
                <col style="width:50px">
                <col style="width:50px">
                <col style="width:50px">
            </colgroup>    
            <tr bgcolor="#AAD057">
                <td align="center"><font name="Arial"><b>Nombre</b></font></td>                
                <td align="center"><font name="Arial"><b>Tipo</b></font></td>
                <td align="center"><font name="Arial"><b>Eliminar</b></font></td>
                <td align="center"><font name="Arial"><b>Compartir</b></font></td>
                <td align="center"><font name="Arial"><b>Download</b></font></td>
            </tr>
            <s:div name="contenedor">  
                <s:iterator value="%{listaArchivos}">
                    <tr  onMouseMove="this.bgColor='#AAD057';this.style.fontWeight='normal'"
                         onMouseOut= "this.bgColor='#ffffff';this.style.fontWeight='normal'">
                        <!--NOMBRE ARCHIVO-->
                        <s:if test='tipoarchivo.tipo=="Carpeta"'> 
                            <td> 
                                <s:form action="ActionIngresarACarpeta" method="POST">
                                    <input type="text" name="idElementoArchivo" value="<s:property value="idArchivo"/>"style="display:none;"/>
                                    <s:property value="nombreArchivo"/>
                                    <s:submit  type="image" src="resources/rightgreen.gif" theme="simple" value="" id="ingresarACarpeta"/>
                                </s:form>
                            </td>
                        </s:if>
                        <s:else>
                            <td><s:property value="nombreArchivo"/></td>
                        </s:else> 

                        <!--TIPO ARCHIVO-->
                        <td id="tipoArchivo"><s:property value="tipoarchivo.tipo"/></td>

                        <!--ELIMINAR-->
                        <td align="center"> 
                            <s:form action="ActionEliminarArchivo" method="post">
                                <input type="text" name="idElementoArchivo" value="<s:property value="idArchivo"/>" style="display:none;"/>
                                <s:submit type="image" src="resources/delete.gif" value="" id="eliminarArchivo" onclick="if(!confirm('¿Esta seguro de eliminar el archivo ?')) {return false;}"/>
                            </s:form>
                        </td> 

                        <!--COMPARTIR-->
                        <s:if test='isCarpetaCompartible()'> 
                            <td width="25" align="center">
                                <s:form action="ActionOpcionDeCompartirCarpeta" method="post">
                                    <input type="text" name="idElementoArchivo" value="<s:property value="idArchivo"/>" style="display:none;"/>
                                    <s:submit type="image" src="resources/comparte.gif" value="" id="compartirArchivo"/>
                                </s:form>          
                            </td>    
                        </s:if>
                        <s:else>
                            <td></td>
                        </s:else>

                        <!--DESCARGAR-->
                        <s:if test='tipoarchivo.tipo!="Carpeta"'> 
                            <td width="25" align="center">
                                <s:form action="ActionDescargarArchivo" method="post">
                                    <input type="text" name="idElementoArchivo" value="<s:property value="idArchivo"/>" style="display:none;"/>
                                    <!--                                    <input type="text" name="rutaArchivo" value="" style="display:none;"/>-->
                                    <s:submit type="image" src="resources/download.gif" value="" id="descargarArchivo"/>
                                </s:form>          
                            </td>   
                        </s:if>
                        <s:else>
                            <td></td>
                        </s:else> 
                    </tr>
                </s:iterator>     
            </s:div>    
        </table> 
    </div>    
</html>
